<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>

<body>
    <table align="center" border="1" width="500px">
        <!-- tr 标签标识一行 td 表示一列 -->
        <!-- th 表头单元格 加粗居中 -->
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>lili</td>
            <td>女</td>
            <td>45</td>
        </tr>
        <tr>
            <td>小明</td>
            <td>男</td>
            <td>66</td>
        </tr>
        <tr>
            <td>大卫</td>
            <td>男</td>
            <td>23</td>
        </tr>
        <tr>
            <td>lucy</td>
            <td>女</td>
            <td>22</td>
        </tr>
        <tr>
            <td>朱子文</td>
            <td>男</td>
            <td>23</td>
        </tr>
    </table>
    <br>
    <table align="center" border="1" width="500px">
        <thead>
            <tr>
                <th>排名</th>
                <th>关键词</th>
                <th>进入搜索</th>
                <th>最近七日</th>
                <th>相关链接</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="imgs/jdk2y0mzbtajdk2y0mzbta.jpg" width="20px" height="20px"></td>
                <td>456</td>
                <td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a></td>
            </tr>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="imgs/jdk2y0mzbtajdk2y0mzbta.jpg" width="20px" height="20px"></td>
                <td>456</td>
                <td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a></td>
            </tr>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td><img src="imgs/jdk2y0mzbtajdk2y0mzbta.jpg" width="20px" height="20px"></td>
                <td>456</td>
                <td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a></td>
            </tr>
        </tbody>
    </table>
    <h1>合并单元格</h1>
    <h4>跨行合并 rowspan</h4>
    <table border="1" width="300px" height="100px">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
    <h4>跨列合并 colspan</h4>
    <table border="1" width="300px" height="100px">
        <tr>
            <td></td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>

</html>